Skip to content

Implement minimalist static personal website for humanities + AI researcher with custom domain - #6

Draft
adab-tech with Copilot wants to merge 6 commits into
mainfrom
copilot/create-static-personal-website
Draft

Implement minimalist static personal website for humanities + AI researcher with custom domain#6
adab-tech with Copilot wants to merge 6 commits into
mainfrom
copilot/create-static-personal-website

Conversation

Copilot AI commented Dec 14, 2025 •
edited
Loading

Copy link
Copy Markdown
Contributor

Static portfolio site for humanities-trained researcher in computational linguistics, NLP, and African language technology. Zero dependencies, GitHub Pages compatible. Pre-configured for deployment to custom domain adamu.tech.

Structure

  • Homepage: Positioning statement, featured projects, recent writing, social links
  • Writing: Blog with multilingual support (EN/FR/HA/FF) and proper lang attributes for accessibility
  • Projects: Portfolio pages optimized for recruiters (problem/solution/impact format)
  • CV: Web-native resume with print-friendly layout (@media print)
  • Contact: Professional contact page

Technical

  • Semantic HTML5, mobile-first CSS (breakpoints: 768px, 480px)
  • Typography: Georgia serif body, system sans-serif headings, max-width 720px
  • Assets: 12KB CSS + 4.2KB vanilla JS (smooth scroll, filters, nav highlighting)
  • Accessibility: WCAG contrast, semantic elements, multilingual lang attributes
  • SEO: Meta descriptions on all pages

Example: Multilingual Content

<div class="multilingual-content" lang="ha">
  <p class="lang-indicator">Hausa</p>
  <p>Shekaru da yawa, al'adun wallafe-wallafen Afirka...</p>
</div>

Multilingual sections use proper ISO 639-1 language codes for screen reader support.

Deployment

Pre-configured with CNAME file for custom domain adamu.tech. Includes comprehensive deployment guides for GitHub Pages:

  • QUICK_DEPLOY.md: 4-step deployment guide with DNS configuration, visual flow diagrams and checklist
  • DEPLOYMENT.md: Complete deployment documentation covering GitHub Pages setup, custom domain configuration, DNS settings, troubleshooting, and maintenance

Site can be deployed to adamu.tech by:

  1. Configuring DNS A records at domain registrar
  2. Merging to main and enabling GitHub Pages
  3. Waiting for DNS propagation (5-30 minutes)

All URLs in documentation updated to reflect custom domain deployment.

Original prompt

Design and implement a clean, minimalist, and professional static personal website hosted on GitHub Pages. The site will position the owner as a humanities-trained researcher working at the intersection of languages, literature, and AI (LLMs, NLP). It serves as a portfolio, writing space, CV/resume hub, and professional contact point. The entire website must be lightweight, fast, fully static, and exclusively focus on HTML5, CSS, and optional vanilla JavaScript. The site should have support for multiple languages, markdown-like readability, and be optimized for recruiters and professional visibility. The site structure will include sections for writing, projects, CV, and contact details. The following files should be created:

  • index.html: Homepage with positioning statement, CTAs, a short bio, featured projects, recent writings, and social links.
  • writing/index.html: Entry point for writing samples.
  • writing/sample-post.html: A template post in long-form typography with multilingual support (English, French, Hausa, Fulfulde).
  • projects/index.html: Portfolio entry point to showcase AI/LLM-related work.
  • projects/sample-project.html: Template project displaying problem, tools, role, and impact optimized for recruiters.
  • cv/index.html: Web-native CV with printable layout.
  • contact/index.html: Contact page with professional links.
  • assets/css/style.css: Minimalist style focusing on accessibility, strong spacing, and hierarchy. Mobile-first design with contrast.
  • assets/js/main.js: Optional JavaScript for interactive filters or features.

The design should include semantic HTML, a maximum width of ~720px, serif body fonts, sans-serif heading fonts, strong spacing, accessible contrast, and proper typography for readability. Social links, a PDF download placeholder for the CV, and basic SEO meta descriptions are required. The website structure must adhere to GitHub Pages' compatibility.

This pull request was created as a result of the following prompt from Copilot chat.

Design and implement a clean, minimalist, and professional static personal website hosted on GitHub Pages. The site will position the owner as a humanities-trained researcher working at the intersection of languages, literature, and AI (LLMs, NLP). It serves as a portfolio, writing space, CV/resume hub, and professional contact point. The entire website must be lightweight, fast, fully static, and exclusively focus on HTML5, CSS, and optional vanilla JavaScript. The site should have support for multiple languages, markdown-like readability, and be optimized for recruiters and professional visibility. The site structure will include sections for writing, projects, CV, and contact details. The following files should be created:

  • index.html: Homepage with positioning statement, CTAs, a short bio, featured projects, recent writings, and social links.
  • writing/index.html: Entry point for writing samples.
  • writing/sample-post.html: A template post in long-form typography with multilingual support (English, French, Hausa, Fulfulde).
  • projects/index.html: Portfolio entry point to showcase AI/LLM-related work.
  • projects/sample-project.html: Template project displaying problem, tools, role, and impact optimized for recruiters.
  • cv/index.html: Web-native CV with printable layout.
  • contact/index.html: Contact page with professional links.
  • assets/css/style.css: Minimalist style focusing on accessibility, strong spacing, and hierarchy. Mobile-first design with contrast.
  • assets/js/main.js: Optional JavaScript for interactive filters or features.

The design should include semantic HTML, a maximum width of ~720px, serif body fonts, sans-serif heading fonts, strong spacing, accessible contrast, and proper typography for readability. Social links, a PDF download placeholder for the CV, and basic SEO meta descriptions are required. The website structure must adhere to GitHub Pages' compatibility.

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

@vercel

vercel Bot commented Dec 14, 2025 •
edited
Loading

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
adab-tech-github-io Ready Ready Preview, Comment Dec 14, 2025 6:31pm

@adab-tech
Create complete static personal website structure
251b2ec 
Co-authored-by: adab-tech <179881660+adab-tech@users.noreply.github.com>
@adab-tech
Fix accessibility and code quality issues from code review
6e7eef2 
Co-authored-by: adab-tech <179881660+adab-tech@users.noreply.github.com>
Copilot AI changed the title [WIP] Design and implement static personal website for researcher Implement minimalist static personal website for humanities + AI researcher Dec 14, 2025
Copilot AI requested a review from adab-tech December 14, 2025 17:29
@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot show how to deploy

@adab-tech
Add deployment guides for GitHub Pages
38da9e4 
Co-authored-by: adab-tech <179881660+adab-tech@users.noreply.github.com>

Copilot AI commented Dec 14, 2025

Copy link
Copy Markdown
Contributor Author

@copilot show how to deploy

🚀 Deployment Guide (commit 38da9e4)

I've added two deployment guides:

  • QUICK_DEPLOY.md - 3-step fast track deployment
  • DEPLOYMENT.md - Comprehensive deployment documentation

Quick Deployment (3 Steps):

Step 1: Merge to Main

git checkout main
git merge copilot/create-static-personal-website
git push origin main

Step 2: Enable GitHub Pages

  1. Go to: https://github.com/adab-tech/adab-tech.github.io/settings/pages
  2. Under Source, select: Deploy from a branch
  3. Under Branch, select: main and / (root)
  4. Click Save

Step 3: Access Your Site
Wait 1-2 minutes, then visit: https://adab-tech.github.io/

Alternative (Test Before Merging):

You can deploy the current branch directly:

  1. In Settings → Pages, select branch: copilot/create-static-personal-website
  2. Select folder: / (root) and Save
  3. Site will be live at same URL for testing

All pages will be accessible:

  • Homepage: /
  • Writing: /writing/
  • Projects: /projects/
  • CV: /cv/
  • Contact: /contact/

See the guides for troubleshooting, custom domains, and advanced options.

@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot how to merge to main?

Copilot AI commented Dec 14, 2025

Copy link
Copy Markdown
Contributor Author

@copilot how to merge to main?

Merging to Main Branch

You have two options:

Option 1: Via GitHub Web Interface (Easiest)

  1. Go to the PR page: https://github.com/adab-tech/adab-tech.github.io/pull/[PR_NUMBER]
  2. Click the green "Merge pull request" button
  3. Click "Confirm merge"
  4. Done! The changes are now in main

Option 2: Via Command Line

# Switch to main branch
git checkout main

# Pull latest changes
git pull origin main

# Merge the feature branch
git merge copilot/create-static-personal-website

# Push to GitHub
git push origin main

After merging either way, enable GitHub Pages in Settings → Pages (select main branch, / (root) folder) and your site will be live at https://adab-tech.github.io/ in 1-2 minutes.

Recommendation: Use Option 1 (GitHub web interface) - it's simpler and automatically closes the PR.

@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot # Switch to main branch
git checkout main

Pull latest changes

git pull origin main

Merge the feature branch

git merge copilot/create-static-personal-website

Push to GitHub

git push origin main

Copilot AI requested a review from adab-tech December 14, 2025 17:44
@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot so fix problem with my site

Copilot AI commented Dec 14, 2025

Copy link
Copy Markdown
Contributor Author

@copilot so fix problem with my site

I'd be happy to help! Could you please provide more details about the problem you're experiencing?

For example:

  • Is the site not loading at all?
  • Are specific pages showing 404 errors?
  • Is the CSS/styling not displaying correctly?
  • Are navigation links not working?
  • Is there an issue with GitHub Pages deployment?
  • Is something else not working as expected?

Please share:

  1. What problem you're seeing
  2. What URL you're accessing
  3. Any error messages (if any)

This will help me identify and fix the specific issue.

Copilot AI requested a review from adab-tech December 14, 2025 18:02
@adab-tech
adab-tech requested review from Copilot and removed request for adab-tech December 14, 2025 18:04
Copilot AI reviewed Dec 14, 2025
View reviewed changes

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR implements a comprehensive static personal website for a humanities-trained researcher specializing in computational linguistics, NLP, and African language technology. The site is built using semantic HTML5, custom CSS, and vanilla JavaScript, optimized for GitHub Pages deployment with zero external dependencies.

Key Changes

  • Complete website structure with homepage, writing section, projects portfolio, CV, and contact pages featuring multilingual content support (English, French, Hausa, Fulfulde)
  • Lightweight assets totaling only 16.2KB (12KB CSS + 4.2KB JS) with mobile-first responsive design and WCAG-compliant accessibility features
  • Comprehensive deployment documentation including quick-start guide and full deployment instructions for GitHub Pages

Reviewed changes

Copilot reviewed 11 out of 11 changed files in this pull request and generated no comments.

Show a summary per file
File Description
index.html Homepage with positioning statement, featured projects, recent writing, and social links
writing/index.html Writing section landing page listing blog posts and articles
writing/sample-post.html Multilingual sample article demonstrating support for EN/FR/HA/FF with proper lang attributes
projects/index.html Portfolio landing page showcasing NLP and language technology projects
projects/sample-project.html Detailed project page for Hausa Language Explorer with recruiter-optimized format
cv/index.html Web-native CV with print-friendly layout and comprehensive experience sections
contact/index.html Professional contact page with availability information and social links
assets/css/style.css Comprehensive stylesheet with mobile-first responsive design, print styles, and accessibility features
assets/js/main.js Vanilla JavaScript for smooth scrolling, navigation highlighting, filtering, and copy-to-clipboard functionality
QUICK_DEPLOY.md Fast-track 3-step deployment guide with visual flow diagrams
DEPLOYMENT.md Complete deployment documentation covering GitHub Pages setup and troubleshooting

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot first, let us go back to the initial portfolio site and redeploy it to adamu.tech

Copilot AI commented Dec 14, 2025

Copy link
Copy Markdown
Contributor Author

@copilot first, let us go back to the initial portfolio site and redeploy it to adamu.tech

I can help you set up deployment to your custom domain adamu.tech.

To clarify: Do you want to:

  1. Keep the new personal website I created and deploy it to adamu.tech, OR
  2. Revert to the Hausa Explorer site (hausa_explorer.html) and deploy that to adamu.tech?

For either option, here's how to set up the custom domain:

Custom Domain Setup for adamu.tech

Step 1: Create CNAME file
Add a file named CNAME (no extension) in the repository root with content:

adamu.tech

Step 2: Configure DNS at your domain registrar
Add these DNS records:

  • A records (for apex domain):
    • 185.199.108.153
    • 185.199.109.153
    • 185.199.110.153
    • 185.199.111.153
  • CNAME record (for www subdomain):
    • www → adab-tech.github.io

Step 3: Enable in GitHub Pages

  1. Go to Settings → Pages
  2. Under "Custom domain", enter adamu.tech
  3. Click Save

Let me know which option you prefer and I can help implement it.

Copilot AI requested a review from adab-tech December 14, 2025 18:18
@adab-tech

adab-tech commented Dec 14, 2025

Copy link
Copy Markdown
Owner

@copilot go to my repository, it is the portfolio that we are going to publish

Copilot AI commented Dec 14, 2025

Copy link
Copy Markdown
Contributor Author

@copilot go to my repository, it is the portfolio that we are going to publish

Perfect! The personal website portfolio is ready to deploy to adamu.tech.

I see a CNAME file already exists with your custom domain. Here's what you need to do:

1. Configure DNS (at your domain registrar)

Add these DNS records for adamu.tech:

  • A records (for apex domain):
    • 185.199.108.153
    • 185.199.109.153
    • 185.199.110.153
    • 185.199.111.153

2. Merge and Deploy

git checkout main
git merge copilot/create-static-personal-website
git push origin main

3. Enable GitHub Pages

  1. Go to: https://github.com/adab-tech/adab-tech.github.io/settings/pages
  2. Source: main branch, / (root) folder
  3. Custom domain: adamu.tech (should auto-populate from CNAME)
  4. Click Save
  5. Check "Enforce HTTPS" after DNS propagates (5-10 minutes)

Your portfolio will be live at https://adamu.tech/ with all sections:

  • Homepage: https://adamu.tech/
  • Writing: https://adamu.tech/writing/
  • Projects: https://adamu.tech/projects/
  • CV: https://adamu.tech/cv/
  • Contact: https://adamu.tech/contact/

DNS propagation typically takes 5-30 minutes.

@adab-tech
Update deployment guides for adamu.tech custom domain
1fd8097 
Co-authored-by: adab-tech <179881660+adab-tech@users.noreply.github.com>
Copilot AI changed the title Implement minimalist static personal website for humanities + AI researcher Implement minimalist static personal website for humanities + AI researcher with custom domain Dec 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

Copilot code review Copilot
Copilot review effort
Applies to this pull request for everyone.Learn more about Copilot code review.
Copilot left review comments
+1 more reviewer
@adab-tech adab-tech adab-tech approved these changes
Reviewers whose approvals may not affect merge requirements

Assignees

@adab-tech adab-tech

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@adab-tech